.el-table .el-table__cell{
    z-index: 0;
}

@manColor {
  background-color: rgb(68,142,151);
}

/**
 *@Description: 覆盖element-ui默认的一些样式
 */

.el-table {
  thead tr th {
    background-color: #eaf5f8;
    color: #333;
  }
  tbody tr td {
    text-align: center;
  }
  .is-left {
    text-align: left;
  }
}

.el-popconfirm {
  max-width: 250px;
}

.el-pagination {
  text-align: center;
  margin-top: 20px;
}

.el-message-box__wrapper .el-message-box {
  width: auto;
  min-width: 420px;
  max-width: 80%;
  .el-message-box__content {
    overflow-x: auto;
    max-height: 400px;
  }
}

.el-dialog__body {
  padding: 0 20px 10px;
}

.el-select .el-tag {
  &:last-child {
    padding: 0 4px;
  }
  &:not(:last-child),
  &:first-child {
    max-width: 70%;
    padding: 0 8px;
    .el-select__tags-text {
      display: inline-block;
      max-width: 85%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  .el-tag__close.el-icon-close {
    top: -7px;
  }
}

.el-popover.el-popper {
  z-index: 9999!important;
}

.el-select-dropdown {
  max-width: 800px;
}

  
  .el-form-item-over{
    .el-form-item__label{
      line-height: 20px !important;
    }
  }
  
  .el-form-item-over-handle{
    .el-form-item__label{
      padding-left: 16px !important;
      line-height: 20px !important;
    }
    
  }
  
  
  #content {
    .el-table-new{
      .el-table__header-wrapper thead tr th, 
      .el-table__fixed-header-wrapper thead tr th{
        background: #fafafa;
      }
      .cell{
        text-align: left;
        .cell-content{
          text-align: left;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
  
      .el-table__body tr.hover-row > td {
        background-color: #ECF3F4 !important;
      }
      .el-table__body tr:hover > td{
        background-color: #ECF3F4 !important;
      }
      
    }
    .el-pagination-wrapper{
      .el-pager{
        .number{
          font-weight: normal;
          &.active{
            background-color: #448E97;
            border-color: #448E97;
          }
          &:hover{
            border-color: #448E97;
          }
        }
      }
      .btn-next, 
      .btn-prev, 
      .el-pager li{
        border: 1px solid #D9D9D9;
        background-color: #fff;
      }
    }
  
    
  }
  
  .el-select-dropdown .el-select-dropdown__item.hover{
    background-color: #F0F9FA;
  }
  
  .el-input .el-input__inner{
    color: #333;
  }
  
  .el-select .el-tag .el-select__tags-text, 
  .el-select .el-tag .el-select__tags-text,
  .el-cascader__tags .el-tag > span{
    color: #333;
  }
  
  div.el-form-item{
    margin-bottom: 20px;
  }
  
  .el-select-item-hide{
    display:none
  }
  

  
.el-dialog-style{
  .el-dialog{
    border-radius: 5px;
  }
  .el-dialog__header{
    height: 56px;
    padding: 18px 0 17px;
    background: #F5F5F5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    .el-icon-close:before {
        color: #666;
        font-size: 14px;
    }
    .el-dialog__headerbtn{
      position: absolute;
      right: 16px;
      top: 16px;
    }
  }
  .el-table {
    .el-table__header-wrapper {
      thead tr th{
        background: #fafafa !important;
      }
    }
    td,
    th{
      padding: 15px 0;
    }
    td,
    th.is-leaf{
    border-bottom: 0;
    }
    &::before{
      display: none;
    }
  }
  .el-dialog__title{
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #333333;
  }
  .el-dialog__footer{
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    padding: 0;
    padding: 0 20px;
    .dialog-footer{
      border-top: 1px solid #e8e8e8;
      width: 100%;
      height: 100%;
      padding: 30px 0;
      .el-button{
        width: 90px;
      }
    }
  }
  .el-dialog--center .el-dialog__body{
    padding: 20px 20px 50px 20px;
  }

  .el-table__body tr.hover-row.current-row > td, 
  .el-table__body tr.hover-row.el-table__row--striped.current-row > td, 
  .el-table__body tr.hover-row.el-table__row--striped > td, 
  .el-table__body tr.hover-row > td{
    background-color:#ECF3F4;
  }

  .el-table__body .el-table__row:hover  > td{
    background-color: #ECF3F4;
  }
  

}



.define-el-dialog{
  .el-dialog__header{
    height: 56px;
    margin: 0;
    padding: 16px;
    background-color: #F5F5F5;
    text-align: center;
    .el-dialog__headerbtn{
      top: 2px;
    }
  }
  .el-dialog__footer{
    // border-top: 1px solid #E8E8E8;
    height: 105px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .el-form-item:last-child{
    margin-bottom: 0;
  }
}

.define-el-table.el-table {
  .el-table__body tr{
    height: 56px;
  }
}